<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../dist/bootstrap-icons.css">
  <title>响应式图片</title>
</head>
<body class="p-3">

  <div style="width: 300px; margin-bottom: 10px;
  border: 1px solid #000;
  padding: 5px;">
    <img src="1.jpg" alt="眺望">
  </div>

  <div style="width: 300px; float: left;">
    <img src="1.jpg" class="img-fluid" alt="眺望">
  </div>

  <div style="width: 300px; float: right;">
    <img src="1.jpg" class="img-thumbnail" alt="眺望">
  </div>

</body>
</html>